.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.spana {
  padding: 0.25rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  color: #4a4a4f;
  cursor: pointer;
  line-height: 1.5rem;
}

.bold {
  font-weight: bold;
}

.very-big-text {
  font-size: 158%;
}

.big-text {
  font-size: 125%;
}

.middle-text {
  font-size: 92%;
}

.small-text {
  font-size: 85%;
}

.tiny-text {
  font-size: 78%;
}

.very-tiny-text {
  font-size: 72%;
}

.gray {
  background: #dfdfe2;
}

.blue {
  background: #327ae9;
}

.orange {
  background: #f8883d;
}

.red {
  background: #e44d5a;
}

.purple {
  background: #a932c7;
}

.pink {
  background: #f552be;
}

.red-border {
  border: 0.05rem solid #e44d5a;
}

.white {
  background: #fafbfc;
}

.yellow {
  background: #f7b854;
}

.black {
  color: #eaeaea;
  background: #424242;
}

.black div, .black p, .black span, .black a {
  color: #eaeaea;
}

.label {
  font-size: 75%;
  padding: 0.16rem;
}